<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>用户列表</title>
  <!--表格样式为了好看加的 看题目要求加-->
  <style>
    table {
      width: 50%;
      border-collapse: collapse;
      margin-top: 20px;
    }
    th, td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: left;
    }
    th {
      background-color: #f2f2f2;
    }
    tr:nth-child(even) {
      background-color: #f9f9f9;
    }
    .active {
      color: green;
      cursor: pointer;
    }
    .frozen {
      color: red;
      cursor: pointer;
    }
  </style>
  <!--表格样式的结尾-->
</head>
<body>
<!--刷新页面的按钮-->
<button onclick="location.reload()">刷新页面</button>

<table>
  <!--创建表格的结构也是第一行的数据-->
  <thead>
  <tr>
    <th>编号</th>
    <th>用户名</th>
    <th>密码</th>
    <th>状态</th>
  </tr>
  </thead>
  <tbody>{table_rows}</tbody>
  <!--创建替换的文本数据 table_rows <- 可以随便替换的-->
</table>
</body>
</html>